@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
}
main{
	width: 100%;
	height: 8148px;
	bo rder: 1px solid red;
}
nav{
	width: 100%;
	height: 151px;
	bor der: 1px solid red;
}
/* 2.面包屑导航中控区 */
div#nav_wrapper{
	width: 1841px;
	height: 151px;
	margin: 0 auto;
	backg round-color: aqua;
}
/* 3.左侧区域 */
div#nav_wrapper div.nav_left{
	width: 1149px;
	height: 151px;
	bord er: 1px solid red;
	float: left;
}
div#nav_wrapper div.nav_left img{
	padding-top: 35px;
	float: left;
	width: 52px;
	height: 53px;
}
div#nav_wrapper div.nav_left div.ball{
	width: 107px;
	height: 52px;
	bord er: 1px solid red;
	float:left;
	background: url(../img/donghua.gif) no-repeat;
 background-size: 100% 100%;
 margin-top: 35px;
 margin-left: 10px;
}
div#nav_wrapper div.nav_left ul li a{
	font-size: 17px;
	float: left;
	line-height:130px;
	padding: 0 5px;
}
div#nav_wrapper div.nav_left ul li a:hover{
	color: #ff5500;
}


/* 4.右侧区域 */
div#nav_wrapper div.nav_right{
	width: 545px;
	height: 151px;
	bor der: 1px solid red;
	float: right;
}
div#nav_wrapper div.nav_right div.right1{
	width: 444px;
	height:50px;
	border: 1px solid #414141;
	
	
}
div#nav_wrapper div.nav_right div.right2{
	width:500px;
	height: 50px;
	border: 1px solid #000000;
	margin-top: 30px;
}
div#nav_wrapper div.nav_right div.right1 span{
	line-height: 50px;
	float: right;
margin-right: 50px;
}
div#nav_wrapper div.nav_right div.right1 span a{
	background-color: #eeeeee;
}
div#nav_wrapper div.nav_right div.right2 div.right1 span a:hover{
	color:#fff;
	background-color: #ff5500;
}

div#nav_wrapper div.nav_right div.right2 i.search{
	width: 30px;
	height: 30px;
	background-image: url(../img/search.png);
	bord er: 2px solid black;
	float: right;
	background-size: 100% 100%;
	position: relative;
	right: 10px;
	top: 10px;
}
section{
	width: 100%;
	height: 664px;
	bord er: 1px solid #000;
}
div#sec_wrapper{
	width: 1840px;
	height: 664px;
	backgr ound-color: #00ff00;
	margin: 0 auto;
}
article{
	width: 356px;
	height: 664px;
	border: 1px solid #000;
	background-color: #949494;
}
article ul.sideaber li{
bor der: 1px solid black;
height: 60px;
color: #fff;
line-height: 60px;
text-align: center;
position: relative;/*勾点位*/

}
article ul li{
	text-align: center;
	color: #fff;
	height: 60px;
	line-height: 60px;
}
article ul li p{
	float: right;
	color: #fff;
	padding-right: 40px;
}
article ul.sideaber div.outer{
	position: absolute;
	width: 500px;
	height: 663px;
	border: 1px solid red;
	left: 377px;
	/*Jquery动态切换：显示与隐藏*/
	display: none;
	/*堆叠属性*/
	z-index: 999
	
}
article ul.sideaber div.outer img.bt1{
	bord er:1px solid red;
	float: left;
	}
article ul.sideaber ul.bt3{
    float: left;
	bor der: 1px solid red;
	color: #000;
	height: 623px;
	margin-left: 150px;
	}
	article ul.sideaber ul.bt3 li{
		color: #ff5500;
	}
article ul.sideaber li.btn1{
	background-color: #949494;
}
article ul.sideaber li.btn2{
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn3{
	margin-top: 60px;
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn4{
	margin-top: 60px;
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn5{
	margin-top: 60px;
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn6{
	margin-top: 60px;
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn7{
	margin-top: 60px;
	border: 1px solid #ff5500;
	color: #ff5500;
}
article ul.sideaber li.btn1:hover{
	background-color: #ff5500;
}
article ul.sideaber div.outer img.bt2{
	bor der:1px solid red;
	float: left;
	margin-left: 20px;
	}
	article ul.sideaber ul.bt4{
	    float: left;
		bor der: 1px solid red;
		color: #000;
		height: 623px;
		margin-left: 150px;
		}
		article ul.sideaber ul.bt4 li{
			color: #ff5500;
		}
		article ul.sideaber li.btn8{
			border: 1px solid #ff5500;
			color: #ff5500;
		}
		article ul.sideaber li.btn9{
			margin-top: 60px;
			border: 1px solid #ff5500;
			color: #ff5500;
		}
		article ul.sideaber li.btn10{
			margin-top: 60px;
			border: 1px solid #ff5500;
			color: #ff5500;
		}
		article ul.sideaber li.btn11{
			margin-top: 60px;
			border: 1px solid #ff5500;
			color: #ff5500;
		}
		article ul.sideaber li.btn12{
			margin-top: 60px;
			border: 1px solid #ff5500;
			color: #ff5500;
		}
		article ul.sideaber li.btn13{
			margin-top: 60px;
			border: 1px solid #ff5500;
			color: #ff5500;
		}
.both{
width: 100%;
	height: 345px;
	backgro und-color: #ffff00;
	margin-top: 20px;
}
div#picture{
	width: 1837px;
	height: 347px;
	backg round-color: #00ff00;
	margin: 0 auto;
}
div#picture ul li{
	float: left;
}

div#picture ul li img{
	width: 410px;
	height: 256px;

}
div#picture ul li{
	margin-top: 40px; 
	margin-left:65px;
}
div#picture ul li:first-child{
	bord er: 1px solid red;
	margin-left: 0;
	
}
div#picture ul li img:hover{
	filter:drop-shadow(0 0 10px #333)
}
#mx1{
	width: 100%;
	height: 640px;
	backgr ound-color: #ff55ff;
}
section div.mx3{
	width: 1838px;
	height: 520px;
	back ground-color: #55ffff;
	margin: 0 auto;
}
section div.mx2{
	width: 1838px;
	height: 60px;
	backg round-color: #aaaaff;
	margin: 0 auto;
}
section div.mx2 span{
	font-size: 30px;
	color: #000;
}
section div dl{
	width: 350px;
	height: 520px;
	bo rder: 1px solid #000;
	background-color: #fafafa;
	float: left;
	margin-left: 20px;
}
section div dl:first-child{
	margin-left: 0;
}
section div dl img{
	margin-top: 90px;
	margin-left: 105px;
}
.a1{
	border-top:1px solid #ffaa00;
}
.a2{
	border-top: 1px solid #00ff7f;
}
.a3{
	border-top: 1px solid #0055ff;
}
.a4{
	border-top: 1px solid #ff55ff;
}
.a5{
	border-top: 1px solid #00aa7f;
}
section div dl dd.d1{
	text-align: center;
	color: #000;
	margin-top: 89px;
}
section div dl dd.d2{
	text-align: center;
	color: #b0b0c5;
	margin-top: 27px;
}
section div dl dd.d3{
	text-align: center;
	color: #ff5500;
	margin-top: 32px;
}
.t1{
	margin-top: 55px;
}
section div dl dd.d4{
	text-align: center;
	color: #000;
	margin-top: 69px;
}
section div dl dd.d5{
	text-align: center;
	color: #b0b0c5;
	margin-top: 47px;
}
section div dl dd.d6{
	text-align: center;
	color: #ff5500;
	margin-top: 30px;
}
.t2{
	margin-top: 120px;
	margin-left: 70px;
}
section div dl dd.d7{
	text-align: center;
	color: #000;
	margin-top: 146px;
}
section div dl dd.d8{
	text-align: center;
	color: #b0b0c5;
	margin-top:30px;
}
section div dl dd.d9{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
section div dl dd.d10{
	text-align: center;
	color: #000;
	margin-top: 30px;
}
section div dl dd.d11{
	text-align: center;
	color: #b0b0c5;
	margin-top:30px;
}
section div dl dd.d12{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
section div dl dd.d13{
	text-align: center;
	color: #000;
	margin-top: 53px;
}
section div dl dd.d14{
	text-align: center;
	color: #b0b0c5;
	margin-top:30px;
}
section div dl dd.d15{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
section#zn{
	width:100%;
	height: 1177px;
	bac kground-color: #f5f5f5;
}
section div.zn1{
	width: 1840px;
	height: 193px;
	bac kground-color: #00aaff;
	margin: 0 auto;
}
section div.zn1 span{
	font-size: 30px;
	color: #000;
	line-height: 200px;
}
.product1{
	float: right;
	margin-top: 90px;
}
.product2{
margin-left: 1540px;
}
section div.zn2{
	width: 1840px;
	height: 988px;
	bac kground-color: #ffaa00;
	margin: 0 auto;
}
.b1{
	background: url(../img/haraware_kid.png);
	width: 340px;
	height: 978px;
	background-size: 100% 100%;
}

.e1{
	text-align: center;
	font-size: 30px;
	color: #000;
	margin-top: 90px;
}
.e2{
	text-align: center;
	font-size: 15px;
	margin-top: 30px;
	color: #798891;
}
.e3{
	text-align: center;
	font-size: 40px;
	margin-top: 69px;
	color: #00ffff;
}
.b2{
	width:352px;
	height:464px;
	bord er:1px solid red ;
}
.b2:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c1{
	margin-top: 190px;
	margin-left: 80px;
}
section div dl dd.e4{
	text-align: center;
	color: #000000;
	margin-top:72px;
}
section div dl dd.e5{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e6{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b3{
	width:352px;
	height:464px;
	bor der:1px solid red ;
}
.b3:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c2{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e7{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e8{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e9{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b4{
	width:352px;
	height:464px;
	bord er:1px solid red ;
}
.b4:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c3{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e10{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e11{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e12{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b5{
	width:352px;
	height:464px;
	bord er:1px solid red ;
}
.b5:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c4{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e13{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e14{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e15{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b6{
	width:352px;
	height:490px;
	bord er:1px solid red ;
	margin-top: 30px;
}
.b6:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c5{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e16{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e17{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e18{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b7{
	width:352px;
	height:490px;
	bord er:1px solid red ;
	margin-top: 30px;
}
.b7:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c6{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e19{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e20{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e21{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b8{
	width:352px;
	height:490px;
	bord er:1px solid red ;
	margin-top: 30px;
}
.b8:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c7{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e22{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e23{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e24{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
.b9{
	width:352px;
	height:490px;
	bor der:1px solid red ;
	margin-top: 30px;
}
.b9:hover{
	filter:drop-shadow(0 0 10px #333)
}
.c8{
	margin-top: 70px;
	margin-left: 60px;
}
section div dl dd.e25{
	text-align: center;
	color: #000000;
	margin-top:42px;
}
section div dl dd.e26{
	text-align: center;
	color: #b0b0c5;
	margin-top:22px;
}
section div dl dd.e27{
	text-align: center;
	color: #ff5500;
	margin-top:22px;
}
section#dp{
	width:100%;
	height: 996px;
	background-color: #f5f5f5;
}
section#dp div.dp1{
	width: 1845px;
	height: 70px;
	bac kground-color: #55ffff;
	margin: 0 auto;
}
section#dp div.dp1 ul li{
	font-size: 30px;
	float: right;
	color: #000;
	line-height:70px;
	margin-left: 20px;
}
section#dp div.dp1 ul li.l1{
	font-size: 30px;
	float: left;
	color: #000;
	margin-left: 0;
	
}
section#dp div.dp1 ul li.l2:hover{
	color: #ff5500;
}
section#dp div.dp1 ul li.l3:hover{
	color: #ff5500;
}
section#dp div.dp1 ul li.l4:hover{
	color: #ff5500;
}
section#dp div.dp1 ul li.l5:hover{
	color: #ff5500;
}
section#dp div.dp1 ul li.l6:hover{
	color: #ff5500;
}
section#dp div.dp2{
	width:1845px;
	height: 920px;
	background-color: #f5f5f5;
	margin: 0 auto;
}
section#dp div.dp2 dl{
	float: left;
}
section#dp div.dp2 dl.f1{
	width: 359px;
	height: 448px;
	background: url(../img/dapei_icon01.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	bor der: 1px solid black;
}
.A1{
	margin-top: 50px;
	margin-left: 130px;
}
.f2{
	width: 350px;
	height: 448px;
}
section div dl dd.g1{
	text-align: center;
	color: #000000;
	margin-top:36px;
}
section div dl dd.g2{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g3{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
.A2{
	margin-top: 50px;
	margin-left: 130px;
}
.f3{
	width: 350px;
	height: 448px;
}
section div dl dd.g4{
	text-align: center;
	color: #000000;
	margin-top:46px;
}
section div dl dd.g5{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g6{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
.A3{
	margin-top: 120px;
	margin-left: 100px;
}
.f4{
	width: 350px;
	height: 447px;
}
section div dl dd.g7{
	text-align: center;
	color: #000000;
	margin-top:120px;
}
section div dl dd.g8{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g9{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
.A4{
	margin-top: 40px;
	margin-left: 130px;
}
.f5{
	width: 350px;
	height: 452px;
}
section div dl dd.g10{
	text-align: center;
	color: #000000;
	margin-top:40px;
}
section div dl dd.g11{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g12{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
section#dp div.dp2 dl.f6{
	width: 359px;
	height: 452px;
	background: url(../img/dapei_icon02.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	bord er: 1px solid black;
	margin-top: 18px;
}
.A5{
	margin-top: 80px;
	margin-left: 150px;
}
.f7{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.g13{
	text-align: center;
	color: #000000;
	margin-top:35px;
}
section div dl dd.g14{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g15{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
.A6{
	margin-top: 80px;
	margin-left: 130px;
}
.f8{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.g16{
	text-align: center;
	color: #000000;
	margin-top:65px;
}
section div dl dd.g17{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g18{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}
.A7{
	margin-top: 80px;
	margin-left: 130px;
}
.f9{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.g19{
	text-align: center;
	color: #000000;
	margin-top:65px;
}
section div dl dd.g20{
	text-align: center;
	color: #b0b0c5;
	margin-top:20px;
}
section div dl dd.g21{
	text-align: center;
	color: #ff5500;
	margin-top:25px;
}

.f10{
	width: 340px;
	height:450px;
	bor der: 1px solid black;
	float: right;
	margin-right: 15px;
	margin-top: 14px;
	
}
.f11{
	width: 340px;
	height: 219px;
	background: url(../img/content-top_icon01.png);
	background-size: 100% 100%;
	
}
.f12{
	width: 340px;
	height: 210px;
	background: url(../img/content-top_icon02.png);
	background-size: 100% 100%;
	margin-top: 25px;
}
.f10:hover{
		filter:drop-shadow(0 0 10px #333)
}

.f1:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f2:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f3:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f4:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f5:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f6:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f7:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f8:hover{
	filter:drop-shadow(0 0 10px #333)
}
.f9:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#zb{
	width:100%;
	height: 996px;
	background-color: #f5f5f5;
}
section#zb div.zb1{
	width: 1845px;
	height: 70px;
	bac kground-color: #55ffff;
	margin: 0 auto;
}
section#zb div.zb1 ul li{
	font-size: 30px;
	float: right;
	color: #000;
	line-height:70px;
	margin-left: 20px;
}
section#zb div.zb1 ul li.L1{
	font-size: 30px;
	float: left;
	color: #000;
	margin-left: 0;
	
}
section#zb div.zb1 ul li.L2:hover{
	color: #ff5500;
}
section#zb div.zb1 ul li.L3:hover{
	color: #ff5500;
}
section#zb div.zb1 ul li.L4:hover{
	color: #ff5500;
}
section#zb div.zb1 ul li.L5:hover{
	color: #ff5500;
}
section#zb div.zb1 ul li.L6:hover{
	color: #ff5500;
}
section#zb div.zb2{
	width:1845px;
	height: 920px;
	background-color: #f5f5f5;
	margin: 0 auto;
}
section#zb div.zb2 dl{
	float: left;
}
section#zb div.zb2 dl.h1{
	width: 359px;
	height: 448px;
	background: url(../img/peijian_icon01.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	bor der: 1px solid black;
}
.B1{
	margin-top: 50px;
	margin-left: 90px;
}
.h2{
	width: 350px;
	height: 448px;
}
section div dl dd.i1{
	text-align: center;
	color: #000000;
	margin-top:50px;
}
section div dl dd.i2{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i3{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.B2{
	margin-top: 50px;
	margin-left: 100px;
}
.h3{
	width: 350px;
	height: 448px;
}
section div dl dd.i4{
	text-align: center;
	color: #000000;
	margin-top:45px;
}
section div dl dd.i5{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i6{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.B3{
	margin-top: 35px;
	margin-left: 100px;
}
.h4{
	width: 350px;
	height: 447px;
}
section div dl dd.i7{
	text-align: center;
	color: #000000;
	margin-top:50px;
}
section div dl dd.i8{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i9{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.B4{
	margin-top: 40px;
	margin-left: 80px;
}
.h5{
	width: 350px;
	height: 452px;
}
section div dl dd.i10{
	text-align: center;
	color: #000000;
	margin-top:40px;
}
section div dl dd.i11{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i12{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
section#zb div.zb2 dl.h6{
	width: 359px;
	height: 452px;
	background: url(../img/peijian_icon02.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	bord er: 1px solid black;
	margin-top: 18px;
}
.B5{
	margin-top: 50px;
	margin-left: 80px;
}
.h7{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.i13{
	text-align: center;
	color: #000000;
	margin-top:30px;
}
section div dl dd.i14{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i15{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.B6{
	margin-top: 50px;
	margin-left: 80px;
}
.h8{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.i16{
	text-align: center;
	color: #000000;
	margin-top:30px;
}
section div dl dd.i17{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i18{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.B7{
	margin-top: 40px;
	margin-left: 80px;
}
.h9{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.i19{
	text-align: center;
	color: #000000;
	margin-top:35px;
}
section div dl dd.i20{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.i21{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}

.h10{
	width: 340px;
	height:450px;
	bor der: 1px solid black;
	float: right;
	margin-right: 15px;
	margin-top: 14px;
	
}
.h11{
	width: 340px;
	height: 219px;
	background: url(../img/peijian_icon10.png);
	background-size: 100% 100%;
	
}
.h12{
	width: 340px;
	height: 210px;
	background: url(../img/content-top_icon02.png);
	background-size: 100% 100%;
	margin-top: 25px;
}
.h10:hover{
		filter:drop-shadow(0 0 10px #333)
}

.h1:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h2:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h3:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h4:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h5:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h6:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h7:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h8:hover{
	filter:drop-shadow(0 0 10px #333)
}
.h9:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#pj{
	width:100%;
	height: 996px;
	background-color: #f5f5f5;
}
section#pj div.pj1{
	width: 1845px;
	height: 70px;
	bac kground-color: #55ffff;
	margin: 0 auto;
}
section#pj div.pj1 ul li{
	font-size: 30px;
	float: right;
	color: #000;
	line-height:70px;
	margin-left: 20px;
}
section#pj div.pj1 ul li.M1{
	font-size: 30px;
	float: left;
	color: #000;
	margin-left: 0;
	
}
section#pj div.pj1 ul li.M2:hover{
	color: #ff5500;
}
section#pj div.pj1 ul li.M3:hover{
	color: #ff5500;
}
section#pj div.pj1 ul li.M4:hover{
	color: #ff5500;
}
section#pj div.pj1 ul li.M5:hover{
	color: #ff5500;
}
section#pj div.pj1 ul li.M6:hover{
	color: #ff5500;
}
section#pj div.pj2{
	width:1845px;
	height: 920px;
	background-color: #f5f5f5;
	margin: 0 auto;
}
section#pj div.pj2 dl{
	float: left;
}
section#pj div.pj2 dl.j1{
	width: 359px;
	height: 448px;
	background: url(../img/zhoubian_icon01.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	bor der: 1px solid black;
}
.C1{
	margin-top: 40px;
	margin-left: 160px;
}
.j2{
	width: 350px;
	height: 448px;
}
section div dl dd.k1{
	text-align: center;
	color: #000000;
	margin-top:50px;
}
section div dl dd.k2{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k3{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.C2{
	margin-top: 40px;
	margin-left: 130px;
}
.j3{
	width: 350px;
	height: 448px;
}
section div dl dd.k4{
	text-align: center;
	color: #000000;
	margin-top:45px;
}
section div dl dd.k5{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k6{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.C3{
	margin-top: 40px;
	margin-left: 130px;
}
.j4{
	width: 350px;
	height: 447px;
}
section div dl dd.k7{
	text-align: center;
	color: #000000;
	margin-top:50px;
}
section div dl dd.k8{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k9{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.C4{
	margin-top: 30px;
	margin-left: 130px;
}
.j5{
	width: 350px;
	height: 452px;
}
section div dl dd.k10{
	text-align: center;
	color: #000000;
	margin-top:40px;
}
section div dl dd.k11{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k12{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
section#pj div.pj2 dl.j6{
	width: 359px;
	height: 452px;
	background: url(../img/zhoubian_icon02.png);
	background-size: 100% 100%;
	margin-left: 0px;
	margin-top: 0px;
	bord er: 1px solid black;
	margin-top: 18px;
}
.C5{
	margin-top: 50px;
	margin-left: 130px;
}
.j7{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.k13{
	text-align: center;
	color: #000000;
	margin-top:30px;
}
section div dl dd.k14{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k15{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.C6{
	margin-top: 48px;
	margin-left: 130px;
}
.j8{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.k16{
	text-align: center;
	color: #000000;
	margin-top:30px;
}
section div dl dd.k17{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k18{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}
.C7{
	margin-top: 40px;
	margin-left: 130px;
}
.j9{
	width: 350px;
	height: 452px;
	bord er: 1px solid black;
	margin-top: 16px;
}
section div dl dd.k19{
	text-align: center;
	color: #000000;
	margin-top:35px;
}
section div dl dd.k20{
	text-align: center;
	color: #ff5500;
	margin-top:20px;
}
section div dl dd.k21{
	text-align: center;
	color: #b0b0c5;
	margin-top:25px;
}

.j10{
	width: 340px;
	height:450px;
	bor der: 1px solid black;
	float: right;
	margin-right: 15px;
	margin-top: 14px;
	
}
.j11{
	width: 340px;
	height: 219px;
	background: url(../img/zhoubian_icon10.png);
	background-size: 100% 100%;
	
}
.j12{
	width: 340px;
	height: 210px;
	background: url(../img/content-top_icon02.png);
	background-size: 100% 100%;
	margin-top: 25px;
}
.j10:hover{
		filter:drop-shadow(0 0 10px #333)
}

.j1:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j2:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j3:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j4:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j5:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j6:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j7:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j8:hover{
	filter:drop-shadow(0 0 10px #333)
}
.j9:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#rp{
	width:100%;
	height:766px;
	background-color: #f5f5f5;
	
}
section#rp div.rp1{
	width:1845px;
	height: 68px;
	backgr ound-color:#ff00ff ;
	margin: 0 auto;
}
section#rp div.rp1 span{
	font-size: 30px;
	color: #000;
	line-height: 85px;
}
section#rp div.rp2{
	width: 1845px;
	height:666px;
	margin: 0 auto;
	bor der: 1px solid red;
}
section#rp div.rp2 div.rp3{
	width: 420px;
	height:663px;
	border: 1px solid red;
	background-color: #fff;
	float: left;
}
section#rp div.rp2 div.rp3 dl.q1{
	width: 421px;
	height: 324px;
	bo rder:1px solid red;
	background: url(../img/hotproduct_icon01.png);
    background-size: 100% 100%;
	float: left;
}
section#rp div.rp2 div.rp3 dd.D1{
	width:230px;
	height:105px;
	margin: 0 auto;
	margin-top: 380px;
	font-size: 20px;
	color: #000;
	text-align:jusitfy;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp3 dd.D2{
	width:230px;
	height:33px;
	margin: 0 auto;
	margin-top: 38px;
	font-size: 15px;
	color: #bab0ba;
	text-align:left;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp3 dd.D3{
	margin: 0 auto;
	border: 1px solid red;
	width: 230px;
	height:23px ;
}
section#rp div.rp2 div.rp3 dd li.D4{
	width:90px;
	height:20px;
	bo rder-right: 1px solid #b0b0b0;
	float: left;
	color: #000;
}
section#rp div.rp2 div.rp3 dd li.D5{
	float: left;
	margin-left: 9px;
	color:#ff5500;
	
}
section#rp div.rp2 div.rp4{
	width: 450px;
	height:663px;
	bo rder: 1px solid red;
	background-color: #fff;
	float: left;
	margin-left: 30px;
}
section#rp div.rp2 div.rp4 dl.q2{
	width: 421px;
	height: 324px;
	bo rder:1px solid red;
	background: url(../img/hotproduct_icon02.png);
    background-size: 100% 100%;
	float: left;
}
section#rp div.rp2 div.rp4 dd.D6{
	width:230px;
	height:105px;
	margin: 0 auto;
	margin-top: 380px;
	font-size: 20px;
	color: #000;
	text-align:jusitfy;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp4 dd.D7{
	width:230px;
	height:33px;
	margin: 0 auto;
	margin-top: 38px;
	font-size: 15px;
	color: #bab0ba;
	text-align:left;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp4 dd.D8{
	margin: 0 auto;
	bo rder: 1px solid red;
	width: 230px;
	height:23px ;
}
section#rp div.rp2 div.rp4 dd li.D9{
	width:90px;
	height:20px;
	bo rder-right: 1px solid #b0b0b0;
	float: left;
	color: #000;
}
section#rp div.rp2 div.rp4 dd li.D10{
	float: left;
	margin-left: 9px;
	color:#ff5500;
	
}
section#rp div.rp2 div.rp5{
	width: 421px;
	height:663px;
	bo rder: 1px solid red;
	background-color: #fff;
	float: left;
	margin-left: 30px;
}
section#rp div.rp2 div.rp5 dl.q3{
	width: 421px;
	height: 324px;
	bo rder:1px solid red;
	background: url(../img/hotproduct_icon03.png);
    background-size: 100% 100%;
	float: left;
}
section#rp div.rp2 div.rp5 dd.D11{
	width:230px;
	height:105px;
	margin: 0 auto;
	margin-top: 380px;
	font-size: 20px;
	color: #000;
	text-align:jusitfy;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp5 dd.D12{
	width:230px;
	height:33px;
	margin: 0 auto;
	margin-top: 38px;
	font-size: 15px;
	color: #bab0ba;
	text-align:left;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp5 dd.D13{
	margin: 0 auto;
	bo rder: 1px solid red;
	width: 230px;
	height:23px ;
}
section#rp div.rp2 div.rp5 dd li.D14{
	width:90px;
	height:20px;
	bo rder-right: 1px solid #b0b0b0;
	float: left;
	color: #000;
}
section#rp div.rp2 div.rp5 dd li.D15{
	float: left;
	margin-left: 9px;
	color:#ff5500;
	
}
section#rp div.rp2 div.rp6{
	width: 450px;
	height:663px;
	bo rder: 1px solid red;
	background-color: #fff;
	float: left;
	margin-left: 41px;
}
section#rp div.rp2 div.rp6 dl.q4{
	width: 421px;
	height: 324px;
	bo rder:1px solid red;
	background: url(../img/hotproduct_icon04.png);
    background-size: 100% 100%;
	float: left;
}
section#rp div.rp2 div.rp6 dd.D16{
	width:230px;
	height:105px;
	margin: 0 auto;
	margin-top: 380px;
	font-size: 20px;
	color: #000;
	text-align:jusitfy;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp6 dd.D17{
	width:230px;
	height:33px;
	margin: 0 auto;
	margin-top: 38px;
	font-size: 15px;
	color: #bab0ba;
	text-align:left;
	bo rder: 1px solid red;
}
section#rp div.rp2 div.rp6 dd.D18{
	margin: 0 auto;
	bo rder: 1px solid red;
	width: 230px;
	height:23px ;
}
section#rp div.rp2 div.rp6 dd li.D19{
	width:90px;
	height:20px;
	bo rder-right: 1px solid #b0b0b0;
	float: left;
	color: #000;
}
section#rp div.rp2 div.rp6 dd li.D20{
	float: left;
	margin-left: 9px;
	color:#ff5500;
	
}
section#rp div.rp2 div.rp3:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#rp div.rp2 div.rp4:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#rp div.rp2 div.rp5:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#rp div.rp2 div.rp6:hover{
	filter:drop-shadow(0 0 10px #333)
}
section#nr{
	width: 100%;
	height: 766px;
	background-color: #f5f5f5;
}
section#nr div.nr1{
	width: 1840px;
	height: 85px;
	back ground-color: #ff007f;
	margin: 0 auto;
}
section#nr div.nr1 span{
	font-size: 30px;
	line-height: 95px;
}
section#nr div.nr2{
	width:1840px;
	height:680px;
	backgr ound-color: #ffaaff;
	margin: 0 auto;
}
section#nr div.nr2 dl.o1{
	width: 440px;
	height:678px;
	border-top: 2px solid #ffb129;
}
.p1{
	margin-top: 100px;
	margin-left: 140px;
}
section#nr div.nr2 dl.o1 dd.q1{
	text-align: center;
	margin-top: 80px;
	font-size: 25px;
	color: #ffb129;
}
section#nr div.nr2 dl.o1 dd.q2{
	text-align: center;
	margin-top: 45px;
	font-size: 30px;
	color: #000;
}
section#nr div.nr2 dl.o1 dd.q3{
	text-align: center;
	margin-top: 20px;
	color: #b5c5de;
}
section#nr div.nr2 dl.o1 dd.q4{
	text-align: center;
	margin-top: 30px;
	font-size: 21px;
	color: #000;
}
section#nr div.nr2 dl.o2{
	width: 446px;
	height:678px;
	border-top: 2px solid #8bc75f;
}
.p2{
	margin-top: 100px;
	margin-left: 140px;
}
section#nr div.nr2 dl.o2 dd.q5{
	text-align: center;
	margin-top: 80px;
	font-size: 25px;
	color: #8bc75f;
}
section#nr div.nr2 dl.o2 dd.q6{
	text-align: center;
	margin-top: 45px;
	font-size: 30px;
	color: #000;
}
section#nr div.nr2 dl.o2 dd.q7{
	text-align: center;
	margin-top: 20px;
	color: #b5c5de;
}
section#nr div.nr2 dl.o2 dd.q8{
	text-align: center;
	margin-top: 30px;
	font-size: 21px;
	color: #000;
}
section#nr div.nr2 dl.o3{
	width: 440px;
	height:678px;
	border-top: 2px solid #e5527c;
}
.p3{
	margin-top: 100px;
	margin-left: 140px;
}
section#nr div.nr2 dl.o3 dd.q9{
	text-align: center;
	margin-top: 80px;
	font-size: 25px;
	color: #e5527c;
}
section#nr div.nr2 dl.o3 dd.q10{
	text-align: center;
	margin-top: 45px;
	font-size: 30px;
	color: #000;
}
section#nr div.nr2 dl.o3 dd.q11{
	text-align: center;
	margin-top: 20px;
	color: #b5c5de;
}
section#nr div.nr2 dl.o3 dd.q12{
	text-align: center;
	margin-top: 30px;
	font-size: 21px;
	color: #000;
}
section#nr div.nr2 dl.o4{
	width: 446px;
	height:678px;
	border-top: 2px solid #3e9ef3;
}
.p4{
	margin-top: 100px;
	margin-left: 140px;
}
section#nr div.nr2 dl.o4 dd.q13{
	text-align: center;
	margin-top: 80px;
	font-size: 25px;
	color: #3e9ef3;
}
section#nr div.nr2 dl.o4 dd.q14{
	text-align: center;
	margin-top: 45px;
	font-size: 30px;
	color: #000;
}
section#nr div.nr2 dl.o4 dd.q15{
	text-align: center;
	margin-top: 20px;
	color: #b5c5de;
}
section#nr div.nr2 dl.o4 dd.q16{
	text-align: center;
	margin-top: 30px;
	font-size: 21px;
	color: #000;
}
section#nr div.nr2 dl.o1:hover{
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#nr div.nr2 dl.o2:hover{
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#nr div.nr2 dl.o3:hover{
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#nr div.nr2 dl.o4:hover{
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#sp{
	width: 100%;
	height: 626px;
	bor der: 1px solid black;
}
section#sp div.sp1{
	width:1840px;
	height: 80px;
	backg round-color: #aaaaff;
	margin: 0 auto;
}
section#sp div.sp1 span{
	font-size: 30px;
	color: #000;
	line-height: 90px;
}
.product3{
	float: right;
	margin-top: 35px;
}
.product4{
margin-left: 1600px;
}
section#sp div.sp2{
	width: 1840px;
	height: 546px;
	background-color: #f5f5f5;
	margin: 0 auto;
}
section#sp div.sp2 div.sp3{
	width: 445px;
	height: 443px;
	color: #fff;
	float: left;
	background-color: #fff;
}
section#sp div.sp2 div.sp3 dl.s1{
	width: 445px;
	height: 271px;
	background: url(../img/video_icon01.jpg);
	background-size: 100% 100%;
}

section#sp div.sp2 div.sp3 dd.s2{
	font-size: 20px;
	color: #000;
	line-height: 100px;
	text-align: center;
}
section#sp div.sp2 div.sp3 dd.s3{
	font-size: 17px;
	color: #b0b0b7;
	text-align: center;
}
section#sp div.sp2 div.sp3 dl i img.s4{
margin-top: 235px;
margin-left: 20px;
}
section#sp div.sp2 div.sp3:hover {
	
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#sp div.sp2 div.sp4{
	width: 445px;
	height: 443px;
	color: #fff;
	float: left;
	background-color: #fff;
	margin-left: 20px;
}
section#sp div.sp2 div.sp4 dl.s5{
	width: 445px;
	height: 271px;
	background: url(../img/video_icon02.jpg);
	background-size: 100% 100%;
}

section#sp div.sp2 div.sp4 dd.s6{
	font-size: 20px;
	color: #000;
	line-height: 100px;
	text-align: center;
}
section#sp div.sp2 div.sp4 dd.s7{
	font-size: 17px;
	color: #b0b0b7;
	text-align: center;
}
section#sp div.sp2 div.sp4 dl i img.s8{
margin-top: 235px;
margin-left: 20px;
}
section#sp div.sp2 div.sp4:hover {
	
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#sp div.sp2 div.sp5{
	width: 445px;
	height: 443px;
	color: #fff;
	float: left;
	background-color: #fff;
	margin-left: 20px;
}
section#sp div.sp2 div.sp5 dl.s9{
	width: 445px;
	height: 271px;
	background: url(../img/video_icon03.jpg);
	background-size: 100% 100%;
}

section#sp div.sp2 div.sp5 dd.s10{
	font-size: 20px;
	color: #000;
	line-height: 100px;
	text-align: center;
}
section#sp div.sp2 div.sp5 dd.s11{
	font-size: 17px;
	color: #b0b0b7;
	text-align: center;
}
section#sp div.sp2 div.sp5 dl i img.s12{
margin-top: 235px;
margin-left: 20px;
}
section#sp div.sp2 div.sp4:hover {
	
	filter:drop-shadow(0 0 10px #d0d0d0)
}
section#sp div.sp2 div.sp6{
	width: 445px;
	height: 443px;
	color: #fff;
	float: left;
	background-color: #fff;
	margin-left: 20px;
}
section#sp div.sp2 div.sp6 dl.s13{
	width: 445px;
	height: 271px;
	background: url(../img/video_icon04.jpg);
	background-size: 100% 100%;
}

section#sp div.sp2 div.sp6 dd.s14{
	font-size: 20px;
	color: #000;
	line-height: 100px;
	text-align: center;
}
section#sp div.sp2 div.sp6 dd.s15{
	font-size: 17px;
	color: #b0b0b7;
	text-align: center;
}
section#sp div.sp2 div.sp6 dl i img.s16{
margin-top: 235px;
margin-left: 20px;
}
section#sp div.sp2 div.sp6:hover {
	
	filter:drop-shadow(0 0 10px #d0d0d0)
}
